<%- include('../../common/header.html',{css:'common'}) %>
<%- include('../../common/header-font-awesome.html') %>
<%- include('../../common/script-jquery.html') %>
<style media="all" type="text/css">
    @page {
        size: A4;
    }

    #signature td:hover, #signature td.active {
        border: 1px solid #00A0E9 !important;
    }

    #signature td {
        position: relative;
    }

    #signature td i {
        color: #00A0E9;
        font-size: 24px;
        display: none;
        position: absolute;
        right: 0;
        bottom: 2px;
    }

    #signature td:hover {
        cursor: pointer;
    }

    #signature td.active i {
        display: block;;
    }

    .btn-group-vertical > .btn, .btn-group > .btn {
        float: none;;
    }

    #contract {
        width: 794px;
        min-height: 1123px;
        margin: 0 auto;
        box-shadow: 1px 1px 5px rgba(136, 136, 136, 0.28);
        padding: 25px;
        border: 1px solid #ddd;
        background: #FFF;
    }


    .editing {
        margin: 20px auto;
        border: 1px solid #859cff !important;
        box-shadow: 1px 1px 5px 1px #859CFF !important;;
        padding: 10px;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    ul li {
    }

    body {
        font-family: SimSun;
        background: #f3f3f3;
        /*font-size: 14px;*/
        padding: 0;
        margin: 0;
        -webkit-text-size-adjust: 100%;
        background: #e7e8eb;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: solid #000000;
        border-width: 2px 0px 0px 2px;
        line-height: 1.5;
    }

    td {
        border: solid #000000;
        border-width: 0px 2px 2px 0px;
        white-space: nowrap;
        font-size: 14px;
    }

    td.custom {
        line-height: 2;
        font-size: 16px;
        text-align: center;
        padding-left: 5px;
    }

    .taicang td {
        border-width: 0px 1px 1px 0px;
    }

    .taicang-indcator td {
        text-align: center;
    }

    .f {
        display: inline-block;
        border: 1px solid #333;
        width: 15px;
        height: 15px;
        position: relative;
        top: 3px;
    }

    table.w50 td {
        width: 50%;
        padding: 10px;
        white-space: nowrap;
        position: relative;
    }

    .split {
        page-break-after: always;
    }

    p {
        line-height: 2;
    }

    .fill {
        text-decoration: none;
        border-bottom: 1px solid #c6c6c6; /* #ccc换成链接的颜色 */
        display: inline-block;
        padding-bottom: 1px; /*这里设置你要空的距离*/
        line-height: 1.3;
    }

    h3 {
        margin: 0;
        line-height: 2;
    }

    .canprint {
        display: none;
    }

    .edit-locking {
        background: #ddd;
        padding: 0px;
    }

    .btn {
        display: block;
        height: 30px;
        width: 95px;
        text-align: center;
        line-height: 30px;
        background: #00a0e9;
        font-size: 12px;
        color: #FFF;
        margin-bottom: 5px;
        text-decoration: none;
        box-shadow: 1px 1px 5px rgba(136, 136, 136, 0.28);
        border-bottom: 1px solid #958c8c;
        padding-left: 12px;
        position: relative;
    }

    .btn i {
        position: absolute;
        left: 7px;
        top: 10px;
    }

    .btn:hover {
        background: #1984e9;
    }

    .print-area {
        width: 846px;
        margin: 0 auto;
        position: relative;
    }

    .btn-group {
        position: fixed;
        top: 90px;
        right: 90px;
        display: none;
    }

    .after {
        display: none;
    }

    .chapter {
        position: absolute;
        width: 120px;
        right: 0;
        bottom: 0;
    }

    .print-text {
        padding: 1px 15px;
        border-bottom: 1pt solid #333;
        font-weight: bolder;
        font-size:18pt !important;
    }

    .table-signature {
        border: none;
    }

    .table-signature td {
        border: none;
    }

    .p-margin-bottom0 {
        margin-bottom: 0
    }

    img.signature {
        width: 150px;
        display: block;
        margin: 20px auto;
        position: absolute;
        top: 0;
        left: 301px;
    }

    @media print {
        　　.btn-group {
            　　display: none !important;;
        }
    }
    h1{font-weight: bold;font-family: KaiTi,楷体,STKaiti,KaiTi_GB2312;font-size: 24px;}
</style>
<style media="print" type="text/css">
    .tools {
        display: none;
    }

    p {
        line-height: 2;
    }
    .p_taicang {
        line-height: 1.5;
    }

    .afterFooter {
        display: block;
    }

    #contract {
        width: 100%;
        margin: 0 auto;
        box-shadow: none;
        padding: 10px;
        border: none;
    }

    title {
        display: none;
    }

    body {
        width: 100%;
    }
    p,div,span{font-size: 18pt !important;}
    td {
        position: relative;
    }

    .btn-group {
        display: none !important;;
    }
    .taicang_p{font-size: 16pt !important;line-height: 1.5;}
    .taicang-indcator td{font-size: 14pt;}
</style>
<title></title>
<script type="application/xhtml+xml" id="template-intro">
    <span style="font-size: 10pt;"><$=storeFax$></span>
    <h1 class="enableEdit" style="text-align: center;font-weight: bolder;font-family: KaiTi;font-size: 24pt;">上海海鹏化工科技有限公司提单</h1>
    <div style="text-align: right;font-size: 12pt;">提单号：
    <$=no$>
    </div>
    <div style="width: 100%;">
    <div>
        <h3 style="font-size: 18pt;">
            <$=storeName $>：
        </h3>
    </div>
    </div>
    <p style="text-indent: 30px;font-size: 18pt;">
    <span class="enableEdit" >兹有我司委派</span><span class="print-text"><$=carId $></span><span class="enableEdit" >凭其有效提货凭证提取</span>
    <span class="print-text"><$=qualitySpec $></span><$=goodsName $><span class="print-text"><$=number $>吨</span>，<span class="enableEdit" >请发货为感。有效期至</span><span
            class="print-text"><$=moment(expireTime).format('YYYY年MM月DD日')$>。</span>
    <span style="display: block;"><span class="enableEdit" >提货仓库：</span><span class="print-text"><$=shortName$></span></span>
    <p class="enableEdit" style="font-size: 18pt;text-align: center;">商祺!</p>
    <p style="font-size: 18pt;padding-left: 60px;position: relative;min-height: 66px;">
    <span style="position: absolute;left: -4px;">备注：</span>

    <$
    var index_ = 0;

    $>
    <$ list.map(function(item,index){
    $>
    <span style="display: block;"><span class="enableEdit"><$=(index+index_+1)$>、提<$=item.billBatch.split('-')[2]$>转给我司的货。</span></span>
    <$})
    index_ += list.length;
    if(typeof driver != 'undefined'){$>
    <$
    }else{
    $>
    <span style="display: block;"><span class="enableEdit"></span></span>
    <$}$>
    </p>
    <div class="change" style="text-indent: 30px;font-size: 18pt;">
    </div>
    <p style="font-size: 18pt;">
    <span class="enableEdit"> 制单人：李英玉</span> <span style="float: right;"><span class="enableEdit">制单日期</span>：<$=moment(new Date()).format('YYYY年MM月DD日')$></span>
    </p>
    <p class="signature-table" style="font-size: 18pt;position: relative;">
    <span style="display: block;">1、我司联系电话：<$=depTel $> </span>
    <span style="display: block;">2、我司联系传真：<$=depFax $></span>
    <span style="display: block;">3、此单加盖我司合同专用章有效。</span></p>
</script>
<script type="application/xhtml+xml" id="template-transfer">
    <span style="font-size: 12pt;"><$=storeFax$></span>
    <h1 class="enableEdit" style="text-align: center;font-size: 24pt;">上海海鹏化工科技有限公司提单</h1>
    <div style="text-align: right;font-size: 12pt;">单号：<$=no$></div>
    <div style="width: 100%;">
    <div >
        <h3 style="font-size: 18pt;">
            <$=storeName $>：
        </h3>
    </div>
    </div>
    <p style="text-indent: 30px;font-size: 18pt;">
    <span class="enableEdit" >兹有我司委派</span><span class="print-text"><$=carId $></span><span class="enableEdit" >凭其有效提货凭证提取</span>
    <$=qualitySpec $><$=goodsName $><span class="print-text"><$=number $></span>吨，<span class="enableEdit" >请发货为感。此提单为转货权,免仓至</span>
    <span class="print-text"><$=moment(expireTime).format('YYYY年MM月DD日')$></span>，从<span class="print-text">
    <$=moment(parseFloat(expireTime)+1000*60*60*24).format('YYYY年MM月DD日')$></span>起由其承担仓储费。
    <span style="display: block;"><span class="enableEdit" >提货仓库：</span><span class="print-text"><$=shortName$></span></span>
    </p>

    <p class="enableEdit" style="font-size: 18pt;text-align: center;">商祺!</p>
    <p  style="font-size: 18pt;padding-left: 60px;position: relative;min-height: 66px;">
    <span style="position: absolute;left: -4px;">备注：</span>
    <$if(typeof driver != 'undefined'){$>
    <span style="display: block;"><span class="enableEdit" >1、司机若未带身份证原件，可凭驾驶证提货。</span></span>
    <span style="display: block;"><span class="enableEdit" >2、司机：<$=driver$>/<$=IDCard $></span></span>
    <span style="display: block;"><span class="enableEdit" >3、提张家港保税区恒乐化工品有限公司转给我司的货</span></span>
    <$}else{
    $>
    <$ list.map(function(item,index){
    $>
    <span style="display: block;"><span class="enableEdit" ><$=index+1$>、提<$=item.billBatch.split('-')[2]$>转给我司的货。</span></span>
    <$})$>
    <$}$>
    </p>
    <div class="change" style="text-indent: 30px;font-size: 18pt;">
    </div>
    <p style="font-size: 18pt;" >
    <span class="enableEdit" > 制单人：李英玉</span> <span style="float: right;"><span class="enableEdit" >制单日期</span>：<$=moment(new Date()).format('YYYY年MM月DD日')$></span>
    </p>
    <p class="signature-table" style="font-size: 18pt;position: relative;">
    <span style="display: block;">1、我司联系电话：<$=depTel$></span>
    <span style="display: block;">2、我司联系传真：<$=depFax $></span>
    <span style="display: block;">3、此单加盖我司合同专用章有效。</span></p>
</script>
<script type="application/xhtml+xml" id="template">
    <span style="font-size: 10pt;"><$=storeFax$></span>
    <h1 class="enableEdit" style="text-align: center;font-weight: bolder;font-family: KaiTi;font-size: 24pt;">上海海鹏化工科技有限公司提单</h1>
    <div style="text-align: right;font-size: 12pt;">提单号：
    <$=no$>
    </div>
    <div style="width: 100%;">
    <div>
        <h3 style="font-size: 18pt;">
            <$=storeName $>：
        </h3>
    </div>
    </div>
    <p style="text-indent: 30px;font-size: 18pt;">
    <span class="enableEdit">兹有</span><span class="print-text"><$=carId $></span><span
            class="enableEdit">凭此单到贵处提取</span>
    <$=qualitySpec $>
    <$=goodsName $><span class="print-text"><$=number $></span>吨，<span class="enableEdit">请发货为感。此单有效期</span><span
            class="print-text"><$=moment(expireTime).format('YYYY年MM月DD日')$></span>
    <span style="display: block;"><span class="enableEdit">提货仓库：</span><span class="print-text"><$=shortName$></span></span>
    </p>
    <p class="enableEdit" style="font-size: 18pt;text-align: center;">商祺!</p>
    <p style="font-size: 18pt;padding-left: 60px;position: relative;min-height: 66px;">
    <span style="position: absolute;left: -4px;">备注：</span>

    <$
    var index_ = 0;

    $>
    <$ list.map(function(item,index){
    $>
    <span style="display: block;"><span class="enableEdit"><$=(index+index_+1)$>、提<$=item.billBatch.split('-')[2]$>转给我司的货。</span></span>
    <$})
    index_ += list.length;
    if(typeof driver != 'undefined'){$>
    <span style="display: block;"><span class="enableEdit"><$=(index_+1)$>、司机若未带身份证原件，可凭驾驶证提货。</span></span>
    <span style="display: block;"><span class="enableEdit"><$=(index_+2)$>、司机：<$=driver$>/<$=IDCard $></span></span>
    <$
    }else{
    $>
    <span style="display: block;"><span class="enableEdit"></span></span>
    <$}$>
    </p>
    <div class="change" style="text-indent: 30px;font-size: 18pt;">
    </div>
    <p style="font-size: 18pt;">
    <span class="enableEdit"> 制单人：李英玉</span> <span style="float: right;"><span class="enableEdit">制单日期</span>：<$=moment(new Date()).format('YYYY年MM月DD日')$></span>
    </p>
    <p class="signature-table" style="font-size: 18pt;position: relative;">
    <span style="display: block;">1、我司联系电话：<$=depTel $> </span>
    <span style="display: block;">2、我司联系传真：<$=depFax $></span>
    <span style="display: block;">3、此单加盖我司合同专用章有效。</span></p>
</script>

</head>
<body class="sub-body">
<table id="signature" style="position: fixed;display:none;width: 150px;left: 15px;top:15px;    box-shadow: 1px 1px 5px rgba(136, 136, 136, 0.28);
    border: 1px solid #999;z-index: 99;">
    <tr>
        <td style="text-align: center;background: #FFF;border: none;font-size: 18px;">选择签章</td>
    </tr>
    <tr>
        <td style="border: none;border-top: 1px solid #999;">
            <img src="http://127.0.0.1/thumbnail/2017-07/f38366f0a94743d8af148c6aaaac09ae_big.png" style="
    width: 100%;
    ">
            <i class="fa fa-check" aria-hidden="true"></i>
        </td>
    </tr>
    <tr>
        <td style="border: none;border-top: 1px solid #00A0E9;">
            <i class="fa fa-check" aria-hidden="true"></i>
            <img src="http://127.0.0.1/thumbnail/2017-07/f38366f0a94743d8af148c6aaaac09ae_big.png" style="
    width: 100%;
    ">
        </td>
    </tr>
    <tr>
        <td style="border: none;border-top: 1px solid #00A0E9;">
            <i class="fa fa-check" aria-hidden="true"></i>
            <img src="http://127.0.0.1/thumbnail/2017-07/f38366f0a94743d8af148c6aaaac09ae_big.png" style="
    width: 100%;
    ">
        </td>
    </tr>
</table>
<div id="print">

    <div class="panel-body tools" style="width: 1220px;margin: 0 auto;">
        <div class="canprint" style="margin: 5px 0;">
        </div>
        <div class="noprint">

        </div>
    </div>
    <div class="btn-group">
        <a href="javascript:void(0);" hidefocus="true" style="line-height: 21px;" class="btn btn-primary  print ">
            <i class="fa fa-print" aria-hidden="true"></i> 打印
        </a>
        <a href="./upload.html" hidefocus="true" style="line-height: 21px;" class="btn btn-primary   upload before">
            <i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传
        </a>
        <a href="javascript:void(0)" hidefocus="true" style="line-height: 21px;" target="_blank" class="btn btn-primary   preview-upload "
           style="display: none;">
            <i class="fa fa-cloud-upload" aria-hidden="true"></i> 预览
        </a>
        <a href="#" target="_blank" hidefocus="true" class="btn btn-primary   upload-preview" style="display: none">预览上传合同</a>
        <a href="javascript:void(0);" hidefocus="true" style="line-height: 21px;" class="btn btn-primary noprint edit-save" style="display: none;">
            <i class="fa fa-floppy-o" aria-hidden="true"></i> 保存
        </a>
        <a href="javascript:void(0);" hidefocus="true" style="line-height: 21px;" class="btn btn-primary noprint edit before">
            <i class="fa fa-pencil-square-o" aria-hidden="true"></i> 编辑
        </a>
        <a href="javascript:void(0);" hidefocus="true" style="line-height: 21px;" class="btn btn-primary noprint  last-edit before">
            <i class="fa fa-envelope-open-o" aria-hidden="true"></i> 打开保存
        </a>
        <a href="javascript:void(0);" hidefocus="true" target="_blank"  style="line-height: 21px;" class="btn btn-primary to-pdf">
            <i class="fa fa-file-pdf-o" aria-hidden="true"></i> PDF下载
        </a>
        <a href="javascript:void(0);" hidefocus="true" style="line-height: 21px;" class="btn btn-primary apply">
            申请签章
        </a>
        <a href="javascript:void(0);" hidefocus="true" style="line-height: 21px;" class="btn btn-primary authorized">
            授权签章
        </a>
        <a href="javascript:void(0);" hidefocus="true" style="line-height: 21px;" class="btn btn-primary bill-change disabled">
            提单变更
        </a>
    </div>
    <!--startprint-->
    <div class="panel-body print-area">
        <div id="contract" class="" style="margin:0px auto;">
            加载中....
        </div>
    </div>
    <!--endprint-->
</div>
</body>
<!-- build:js ../../scripts/store/exprpaper1.jsr.js  -->
<script type="text/javascript" src="./paper.js"></script>
<!-- endbuild -->
</html>